草庐IT

HTML 实例

全部标签

javascript - 使用 gulp-rev 后如何将修订后的文件包含到 .html 中?

所以我在gulp中创建了这个任务:'usestrict';vargulp=require('gulp');vargulpGlobals=require('./_gulp-globals.js');varrev=require('gulp-rev');varrevReplace=require('gulp-rev-replace');gulp.task('gulp-rev',function(){varsources=gulpGlobals.src+'/somefolder/**/*.js';varfileToInject=gulpGlobals.destination+'/somefo

javascript - reactjs 和呈现纯 HTML

首先,我对React完全陌生,所以我不确定我的代码是否已经按照“React方式”编写。到目前为止,我已经创建了几个呈现Bootstrap模态的react类。为了设置初始状态,我在componentsDidMount函数中调用了一个Ajax函数。在我尝试将纯HTML插入模态主体之前,这一切正常。服务器请求工作正常,我在this.state.data.content中得到纯HTML代码,但如果我尝试将其插入模态主体,我会收到以下错误:Error:InvariantViolation:ObjectsarenotvalidasaReactchild(found:objectwithkeys{_

javascript - 引用错误 : Unknown plugin "react-html-attrs" specified

我一直在尝试运行基于YouTube的示例Module-Loader程序但即使在关注了stackoverflow中与此相关的所有链接之后,我也无法解决这个问题。请在下面找到我的项目的详细信息,我的项目结构:**package.json**{"name":"react-tutorials","version":"0.0.0","description":"","main":"webpack.config.js","dependencies":{"babel-core":"^6.17.0","babel-loader":"^6.2.5","babel-plugin-add-module-ex

javascript - 如何在 React 中创建对象的新实例?

显然在普通的JS中我可以做到这一点varCard=function(rank,suit){this.rank=rank;this.suit=suit}varcardOne=newCard('3','H');cardOne//Card{rank:"3",suit:"H"}那么我该如何在React和ES6领域做到这一点?我试过这样的:classReactAppextendsReact.Component{Card=(rank,suit)=>{this.rank=rank;this.suit=suit;};createCard=()=>{letCardObj={};letcard=newth

javascript - 在 Firefox 和 Internet Explorer 中使用 XPath 选择 HTML 元素的不同结果

我正在尝试在文档中选择一个特定的HTML元素,对于我刚刚使用的firefox:xpathobj=document.evaluate(xpath,document,null,XPathResult.FIRST_ORDERED_NODE_TYPE,null);效果很好。然而,当我尝试IE等效时:xmlDoc=newActiveXObject("Microsoft.XMLDOM");xmlDoc.async=false;xmlDoc.load(document);xmlDoc.setProperty("SelectionLanguage","XPath");xpathobj=xmlDoc.s

javascript - 如何在 QWebView 中获取 Javascript 以创建基于 C++ 的类的新实例?

我已经使用addToJavaScriptWindowObject成功地将C++对象添加到QWebFrame,并且可以从javascript调用该对象上的插槽。但我真正想做的是让其中一个插槽返回一个新对象。例如,我有一个这样的插槽,它返回一个QObject派生类实例:MyObject*MyApp::helloWorld(){//MyObjectisderviedfromQObjectreturnnewMyObject();}我可以像这样从javascript成功调用这个槽varfoo=myapp.helloWorld();但是foo似乎是空的,我不能调用任何插槽或访问任何来自Javasc

programming-languages - 如何使用javascript在浏览器html输出中漂亮地打印常用语言的源代码?

如何用javascript在浏览器html输出中漂亮地打印常用语言的源代码?我的意思是有一些缩进和代码格式。目前我只有http://alexgorbatchev.com/SyntaxHighlighter/为语法着色。但我也想要一些缩进和其他格式。例子:用户输入一些代码。系统格式化并在浏览器View中突出显示代码。所以->是否有用于格式化代码的通用代码格式化程序?最好的javascript我很感激任何帮助。 最佳答案 可能SyntaxHighlighter是最受欢迎的。但是你有选择,看看16FreeJavascriptCodeSyn

javascript - 为什么我无法使用 Chrome 查看/调试加载了 jquery.html() 的 javascript

我在$.post回调中加载带有一些内联javascript的html。“像那样”的东西:-)callback{response_data='stringwithhtmlandvarscripts...'jQuery('#selector').html(response_data);}但是当我这样做时,我无法在Chrome的脚本选项卡上看到加载的新内联javascript。我在“网络”选项卡上看到JS,并且js正在执行,但我无法调试此代码。知道如何调试这段代码吗?谢谢! 最佳答案 所有现代JS引擎都允许“在代码中”生成javascri

javascript - 你如何在 JavaScript 中进行继承而不在子类的所有实例之间共享父类(super class)的同一个实例?

我注意到每个关于如何进行JavaScript继承的教程都是这样做的:SubClass.prototype=newSuperClass();但这将创建父类(superclass)的单个实例并在子类的所有实例之间共享它。问题是我想将参数传递给父类(superclass)构造函数,这些构造函数源自传递给子类的参数。在Java中,这将像这样完成:classSubClassextendsSuperClass{publicSubClass(Strings){super(s);}}我试过这样做:functionSubClass(args){this.constructor.prototype=new

javascript - 在 ec2 实例上使用 socket.io 时出现 "websocket connection invalid"错误?

我有一个使用node.js的express和socket.io编写的网络应用程序,该应用程序在本地主机上运行良好,但是当我推送到我的ec2服务器时,它连接大约20秒然后断开连接,然后再次连接等...给我Node控制台上的错误作为warn-websocketconnectioninvalidinfo-transportend服务器app=express()server=http.createServer(app)io=require('socket.io').listen(server)客户socket=io.connect()我知道问题不在我的代码上,因为我在本地主机上对Web应用程序